<p class="clueTitle">
    线索详情</p>
<p class="userMessage" *ngIf="list">
    <label>
    <span>登记号：</span>
    <span >{{list.registerNumber}}</span>
  </label>
    <label>
    <span>登记时间：</span>
    <span>{{list.registerDate}}</span>
  </label>
    <label>
    <span>登记人:</span>
    <span>{{list.registerPerson}}</span>
  </label>
    <label>
    <span>登记机关：</span>
    <span>{{list.registerDepart|clueDepart}}</span>
</label>
</p>
<div class="previewComtent" *ngIf="list;else elseBlock">
    <p class="firstLine" *ngIf="list.clueSource=='1001'">
        <label style="margin-right: 15px">
        <span>来源分类：</span>
        <span>{{list.clueSource | clueSource}}</span>
      </label>
        <label style="margin-right: 15px">
        <span>监督检查人：</span>
        <span>{{list.caseProvider.jcr1}}、{{list.caseProvider.jcr2}}</span>
      </label>
        <label style="margin-right: 15px">
        <span>所属单位：</span>
        <span>{{list.caseProvider.ssdw1}}、{{list.caseProvider.ssdw2}}</span>
      </label>
    </p>
    <p class="firstLine" *ngIf="list.clueSource=='1002'">
        <label style="margin-right: 15px">
            <span>来源分类：</span>
            <span>{{list.clueSource | clueSource}}</span>
          </label>
        <a *ngIf="list.caseProvider.type=='0'">
            <label style="margin-right: 15px">
              <span>投诉举报类型：</span>
              <span>法人</span>
            </label>
            <label style="margin-right: 15px">
              <span>单位名称：</span>
              <span>{{list.caseProvider.depname}}</span>
            </label>
            <label style="margin-right: 15px">
              <span>法人：</span>
              <span>{{list.caseProvider.pic}}</span>
            </label>
            <label style="margin-right: 15px">
              <span>联系电话：</span>
              <span>{{list.caseProvider.telnum}}</span>
            </label>
            <label style="margin-right: 15px">
              <span>联系地址：</span>
              <span>{{list.caseProvider.address}}</span>
            </label>
            <label style="margin-right: 15px">
              <span>其他联系方式：</span>
              <span>{{list.caseProvider.otherinfo}}</span>
            </label>
        </a>
        <a *ngIf="list.caseProvider.type=='1'">
            <label style="margin-right: 15px">
            <span>投诉举报类型：</span>
            <span>个人</span>
          </label>
            <label style="margin-right: 15px">
            <span>姓名：</span>
            <span>{{list.caseProvider.name}}</span>
          </label>
            <label style="margin-right: 15px">
            <span>证件号码：</span>
            <span>{{list.caseProvider.idnum}}</span>
          </label>
            <label style="margin-right: 15px">
            <span>联系电话：</span>
            <span>{{list.caseProvider.telnum}}</span>
          </label>
            <label style="margin-right: 15px">
            <span>联系地址：</span>
            <span>{{list.caseProvider.address}}</span>
          </label>
            <label style="margin-right: 15px">
            <span>其他联系方式：</span>
            <span>{{list.caseProvider.otherinfo}}</span>
          </label>
        </a>
    </p>
    <p class="firstLine" *ngIf="list.clueSource=='1003'||list.clueSource=='1004'||list.clueSource=='1005'">
        <label style="margin-right: 15px">
            <span>来源分类：</span>
            <span>{{list.clueSource | clueSource}}</span>
        </label>
        <label style="margin-right: 15px">
        <span>名称：</span>
        <span>{{list.caseProvider.depname}}</span>
      </label>
        <label style="margin-right: 15px">
        <span>联系人：</span>
        <span>{{list.caseProvider.atten}}</span>
      </label>
        <label style="margin-right: 15px">
        <span>联系电话：</span>
        <span>{{list.caseProvider.telnum}}</span>
      </label>
        <label style="margin-right: 15px">
          <span>联系地址：</span>
          <span>{{list.caseProvider.address}}</span>
        </label>
    </p>
    <div>
        <p class="contentTitle">
            线索基本信息
        </p>
        <table>
            <tr>
                <td width="100px">名称（姓名）：</td>
                <td>{{list.partyName}}</td>
            </tr>
            <tr>
                <td>住所（住址）：</td>
                <td>{{list.addressDetails}}</td>
            </tr>
            <tr>
                <td>联系电话：</td>
                <td>{{list.phone}}</td>
            </tr>
            <tr>
                <td>其他联系方式：</td>
                <td>{{list.otherPhone}}</td>
            </tr>
            <tr>
                <td>案源登记内容：</td>
                <td width="500px">{{list.registerContent}}</td>
            </tr>
            <tr>
                <td>备注：</td>
                <td>{{list.remarks}}</td>
            </tr>
            <tr>
                <td>文书：</td>
                <td>
                    <a style='color:#007bff' (click)='downLoad(doc.fileid,doc.filename)' *ngFor="let doc of docList">{{doc.filename}}</a>
                </td>
            </tr>
        </table>
    </div>
</div>
<ng-template #elseBlock>
    <div style="margin:0 auto;position: relative;height:100%;">
        <img style="position: absolute;width:180px;height:150px; top: 50%;left: 50%;transform:translate(-50%,-50%);" src=''>
        <p style="
      transform:translate(-50%,-50%);
      position: absolute; 
      font-size:18px;
      width:180px;
      height:150px; 
      text-align: center;
      margin-top:150px;
      top:50%;
      left: 50%;" class="ant-empty-description"> 暂无数据 </p>
    </div>
</ng-template>
<div class="shade" *ngIf="myflag"></div>

<app-document #clickEvent [doc]='myDoc' *ngIf="myflag" (closeModal)="fun($event)"></app-document>